<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>快递之家-用户页面</title>
</head>
<link rel="icon" href="data:;base64,=">
<link rel="stylesheet" href="/static/layui/layui/css/layui.css">
<body class="layui-layout-body">
<form class="layui-form" id="test" style="display:none">
    <div class="layui-form-item">
        <label class="layui-form-label">姓名</label>
        <div class="layui-input-block">
            <input type="text" name="title" required  lay-verify="required" placeholder="请输入姓名" autocomplete="on" class="layui-input" id="eidt_username" style="width:100px">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">密码框</label>
        <div class="layui-input-inline">
            <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="on" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">单选框</label>
        <div class="layui-input-block">
            <input type="radio" name="sex" value="男" title="男">
            <input type="radio" name="sex" value="女" title="女" checked>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">电话号码</label>
        <div class="layui-input-block">
            <input type="text" name="title" required  lay-verify="required" placeholder="请输入电话号码" autocomplete="on" class="layui-input" id="eidt_phone" style="width:100px">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">常用住址</label>
        <div class="layui-input-block">
            <input type="text" name="title" required  lay-verify="required" placeholder="请输入住址" autocomplete="on" class="layui-input" id="eidt_adress" style="width:100px">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">身份证</label>
        <div class="layui-input-block">
            <input type="text" name="title" required  lay-verify="required" placeholder="请输入身份证号码" autocomplete="on" class="layui-input" id="eidt_pid" style="width:100px">
        </div>
    </div>
</form>


<div class="layui-layout layui-layout-admin">
    <div th:include="head::NavHeader"></div>
    <div th:include="menu::NavMenu"></div>
    <div class="layui-body">
        <iframe id="iframeMain" src="" style="width: 100%" height="100%"></iframe>
    </div>
    <div th:include="bottom::NavBottom"></div>
</div>


</body>
<script src="/static/jquery/jquery-3.4.0.js"></script>
<script src="/static/layui/layui/layui.all.js"></script>
<script type="text/javascript">
    $(function(){
        $("#iframeMain").attr("src","/kh/toUser");
    });
    $(".dingjie").click(function (e) {
        e.preventDefault();
        $("#iframeMain").attr("src",$(this).attr("href"));
    })
    var layer = layui.layer;
    $("#eidt").on('click', function () {

        layer.open({
            type:1,
            area:['500px','600px'],
            title: '修改个人信息',
            content: $("#test"),
            shade: 0,
            btn: ['提交', '重置']
            ,btn1: function(index, layero){
                var kk=$("#username").val();
                alert(kk);
            },
            btn2: function(index, layero){
                alert("2222");
                return false;
            },
            cancel: function(layero,index){
                layer.closeAll();
            }

        })
    });
</script>
<script>
    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;
    });
</script>
</html>